<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>:: JSP 프로젝트 v1 ::</title>
<link href="css/normalize" rel="stylesheet">
<style type="text/css">

/*1. 레이아웃 지정(구역 header, contents, footer 세 영역으로 나눈 후 각각 영역의 사이즈 지정)*/
/*태그선택자*/
/*화면 전체 레이아웃 설정 */
body {
	width: 970px;
	/* 블럭요소 일 때만 가운데정렬 됨*/
	margin: 0 auto;
	
/* 	border: 1px solid red; */
}
/* 1. 스타일 초기 설정(공통 스타일) */
body{
	font-family:"나눔바른고딕";
}
ul{	
	list-style-type:none;
}

/*1-1. 링크설정 */
a:link{
	color:black;
	text-decoration:none;
}
	/*1-1-1.클릭한 링크 설정*/
	a:visited{
		color:black;
		text-decoration:none;
	}
	/*1-1-2.롤 오버 링크 설정*/
	a:hover{
		color:red;
		text-decoration:underline;
	}
	/*1-1-3.클릭 중 링크 설정 */
	a:active{
		text-decoration:underline;
	}
/* 1-2.수평선 태그 설정*/
.hr{
	border:1px solid black;
	/*float속성제거*/
	clear:both;
}
/* 1-3.이미지 설정*/
/*이미지콘텐츠영역 클래스 이름: centerme, 가운데 정렬*/
.centerme{	
	margin:0 auto;
	display:block;
}
/*1-4. 저작권 정렬 */ 
.copy{
	text-align:center;
	margin:15px 0;
}


/* 2. 컨텐츠 영역 지정 */
header {
	/*일반적인 사이트 120~ 150*/
	height: 125px;
	/* border: 1px solid blue; */
}

#contents {
	/*내용이 있던 없던 최소 사이즈 지정 */
	min-height: 550px;
}

footer {
	height: 100px;
	/* border: 1px solid gold; */
}

/* 3. 상단 메뉴 영역*/
#nav{
	padding-bottom:10px;
}
#nav li{
	/* 배치 방향 변경 */
	float: left;
	/* li에 바깥여백 지정*/
	margin-left:100px; 
}
/*메인이미지 정렬*/
/*margin:100px를 주게 되면 위에도 100px 밑에도 100px 생기기 때문에 안쪽 여백 사용해서 위치 조정*/
.mainlogo{
	padding-top:120px;
}
</style>
</head>

<body>
	<!-- 구역 구분-->
	<header>
		<!-- 제목, 메뉴 -->
		<!-- 제목 -->
		<h2>JSP 프로젝트 v1</h2>
			<ul id="nav">
				<li><a href="indexT.html">Home</a></li>
				<li><a href="joinT.html">회원가입</a></li>
				<li><a href="loginT.html">로그인</a></li>
				<li><a href="listT.html">게시판</a></li>
				<li><a href="myinfoT.html">회원정보</a></li>
			</ul>
			<!-- 구분선 -->
			<div class="hr"></div>
	</header>
	
	<div id="contents">
		<!-- 스타일 두 개 적용(centerme, mainlogo) -->
		<img src="img/logo.jpg" class="centerme mainlogo" >
	</div>
	
	
	<footer>
	<div class="hr"></div>
	<p class="copy"> Copyrights(c)2014.jech913.All rights Reserved. </p>
	</footer>
	
	<script type="js/jquery-1.11.1.min.js"></script>
	<script type="js/jech913.js"></script>	
</body>
</html>